body {
  margin:0;
  padding:0;
}
.serverLog {
  padding: 0 20px;
  width: calc(100% - 40px);
  height: 100%;
}
.serverLog .title{
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  font-weight: bold;
}
#dircontent {
  border-bottom: solid 2px #e4e7ed;
}
#dircontent .tabsItem {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  cursor: pointer;
}
/* 选项卡选中 */
#dircontent .tabsItemActive { 
  color: #409eff;
  border-bottom: solid 2px #409eff;
}
/* 服务ip */
#filecontent {
  padding: 20px 0;
}
#filecontent .ipItem {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  transition: .1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
  margin-right: 20px;
}
#filecontent .ipItem:hover,#filecontent .ipItemActive {
  border-color: #409eff;
  color: #409eff;
}
#console {
  /* 187px = 55 + 42 + 80 + 10 */
  height: calc(100% - 187px); 
}
.inactive {
  display: none;
}

.active {
  display: block;
  /* border: 1px solid blue; */
  background-color: #aaa;
  word-wrap: "break-word";
}
#console #output,#console #output div {
  height: 100%;
  color: #fff;
  overflow: auto;
  border-radius: 4px;
}
#console #output div p:first-child {
  margin-top: 0;
}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 4px;
  cursor: pointer;
}